<template>
  <view class="panel-center item-center ma-t30">
    <view class='fg1'></view>
    <view class='fg2'>{{mybottom.length>0?"我是有底线的哦":"暂无数据"}}</view>
    <view class='fg1'></view>
  </view>
</template>

<script>
  export default {
    name: "my-bottom",
    props: {
      // 父级传递过来数组
      mybottom: {
        type: Array,
        default: []
      },
    },
  }
</script>

<style lang="scss">
  /* 底部 我也是有底线的 */
  .fg1 {
    width: 80rpx;
    border-bottom: 1px solid #aaaaaa;
    vertical-align: middle;
  }

  .fg2 {
    margin: 0 30rpx;
    font-size: 26rpx;
    color: #888;
    vertical-align: middle;
  }

  .panel-center {
    display: flex;
    justify-content: center;
  }

  .ma-t30 {
    margin-top: 30rpx;
    padding: 30rpx;
    padding-top: 0
  }
</style>